<script type="text/javascript">
 $(document).ready(function() {
                $(function() {
                    $('#main-banner').loopedSlider({
                        autoStart: 5000,
                        containerClick: false
                    });
                });

            });
</script>

<div class="main-banner" id="main-banner" >	
    <div class="container">
        <div class="slides">
	    <?php
	
	    foreach ($slideItems as $slideItem) {
		if ($slideItem->status == LGConstant::PUBLISH_STATUS) {
		    echo $this->render('_slideView', array('slideItem' => $slideItem));
		}
	    }
	    ?>
        </div>
    </div>
    <ul class="pagination">
	<?php
	$count = count ($slideItems);
	
	for ($i = 0; $i < $count; $i++) :
	    if ($slideItems[$i]->status == LGConstant::PUBLISH_STATUS):
	    ?>
	
	 <li><a href="#"><?php echo $i + 1;?></a></li> 
	 
	 <?php endif;
	 endfor;?>
    </ul>	
</div>